import React, { Suspense } from "react";
import ReactDOM from "react-dom/client";
import { HashRouter, Outlet } from "react-router-dom";
import { Provider } from "react-redux";
import { ConfigProvider } from "antd";
import App from "./App";
import zhCN from "antd/locale/zh_CN";
import Initi18 from "./i18next";

import "normalize.css";
import "antd/dist/reset.css";
import "./assets/css/index.css";
import "nprogress/nprogress.css";
import GolbalStyle from "@/assets/css/base";
import "./assets/css/base.css"
import store from "./store";

Initi18();
const rootContainer = document.getElementById("root") as HTMLElement;
// rootContainer.style.position = "relative"
// rootContainer.style.zIndex = "0"
const root = ReactDOM.createRoot(rootContainer);
root.render(
  <Provider store={store}>
    <ConfigProvider locale={zhCN}>
      <Suspense fallback={<></>}>
        {/* <GolbalStyle /> */}
        <HashRouter>
          <App />
        </HashRouter>
      </Suspense>
    </ConfigProvider>
  </Provider>
);
